@charset "utf-8";
* { -webkit-tap-highlight-color:rgba(255, 255, 255, 0); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
body, html { font-size: 14px; -webkit-user-select: none; user-select: none;
-webkit-text-size-adjust:none; background-color:rgba(240, 240, 240, 1); }
@media screen and (min-width: 360px) {
body, html {
font-size: 15.75px;
}
}
@media screen and (min-width: 480px) {
body, html {
font-size: 21px;
}
}
@media screen and (min-width: 540px) {
body, html {
font-size: 23.625px;
}
}
@media screen and (min-width: 640px) {
body, html {
font-size: 28px;
}
}
@media screen and (min-width: 720px) {
body, html {
font-size: 31.5px;
}
}
@media screen and (min-width: 960px) {
body, html {
font-size: 42px;
}
}
@media screen and (min-width: 960px) {
body, html {
font-size: 28px;
background-color:rgba(230, 230, 230, 1);
}
.global, .store-tools, .quick-nav-all, .popupWindow, .tips, .windowContent, .newWindow, .price-details-new {
max-width: 640px;
}
}
body, ul, ol, li, table, tr, td, span, nav, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, img, legend, form, fieldset, input, select, button, textarea { margin: 0; padding: 0; }
body, input, select, textarea { line-height: 1.5em; font-family:'Helvetica Neue', Helvetica, "Microsoft Yahei", "SimHei", sans-serif; color: #000; }
div { margin: 0 auto; }
ul { list-style:none; }
img, input, button, select, textarea { vertical-align: middle; border: none; }
input[type="button"], input[type="text"], input[type="password"], textarea { border-radius: 0; background:none; border: none; -webkit-appearance: none; }
input[type="text"]:focus, input[type="password"]:focus, button:focus, input[type="button"]:focus, textarea { border: 0; outline:none; background: none; }
a { text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; }
a, img { -webkit-touch-callout: none; }
img { -ms-interpolation-mode:bicubic; }
/* article,aside,footer,header,menu,nav,section,time,audio,article,aside,footer,header,hgroup,nav,section,audio,canvas,video */
.global { min-width: 320px; padding-bottom: 3.94rem; background-color:rgba(255, 255, 255, 1); }
.about-this-store { background-color: #2E2E2E; padding:0.8rem 2% 0.8rem 2%; text-align: center; color: #fff; }
.about-this-store p:nth-child(2) {
}
.store-copy { padding: 1rem 2% 0 2%; text-align: center; }
.store-copy a, .store-copy2 a { display: inline-block; margin: 0 0.4rem; color: #000; font-size: 1.125rem; }
.store-copy p { color: #555; font-size: 0.85rem; line-height: 1.4rem; }
.store-tools { z-index: 998; position:fixed; bottom: 0; width: 100%; height: 3.14rem; border-top: 1px solid rgba(220, 220, 220, .9); background-color: rgba(245, 245, 245, .95); }
.store-tools ul li { width: 20%; float: left; }
.store-tools ul li a { display: block; text-align: center; color: #646464; line-height: 0.95rem; padding: 0.25rem 0 0 0; }
.store-tools ul li a i, .quick-nav-list ul li a i, .out-home a i { width: 1.5rem; height: 1.5rem; background-image:url(../images/micro_store_bg_2.png); background-size: 10rem 10rem; display: inline-block; }
.store-tools ul li:nth-child(1) a i {
background-position: 0 -4rem;
}
.store-tools ul li:nth-child(2) a i {
background-position: -1.5rem -4rem;
}
.store-tools ul li:nth-child(3) a i {
background-position: -3rem -4rem;
}
.store-tools ul li:nth-child(4) a i {
background-position: -4.5rem -4rem;
}
.store-tools ul li:nth-child(5) a i {
background-position: -6rem -4rem;
}
.store-tools ul li a p { font-size: 0.85rem; }
.store-tools ul li.this a { color:#32B45A; }
.store-tools ul li.this:nth-child(1) a i {
background-position: 0 -5.5rem;
}
.store-tools ul li.this:nth-child(2) a i {
background-position: -1.5rem -5.5rem;
}
.store-tools ul li.this:nth-child(3) a i {
background-position: -3rem -5.5rem;
}
.store-tools ul li.this:nth-child(4) a i {
background-position: -4.5rem -5.5rem;
}
.store-tools ul li.this:nth-child(5) a i {
background-position: -6rem -5.5rem;
}
/**/
.quick-nav-all { display: none; z-index: 999; position: fixed; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); }
.all-nav-box { background-color: #fff; width:85%; margin-left:15%; height: 100%; overflow: scroll; overflow-x:hidden; }
.all-nav-box .title { background-color: #F0F0F0; height: 3rem; text-align: center; position: relative; }
.all-nav-box .title b { font-weight: 100; font-size: 1.25rem; display: inline-block; line-height: 3rem; }
.all-nav-box .title .close { width: 3rem; height: 3rem; position: absolute; top: 0; left: 0; }
.all-nav-box .title .close a img { width: 100%; }
.all-nav-box .content { width: 90%; margin-left: 10%; }
.vip-header-quick { padding: .8rem 0;
}
.vip-header-quick dl { overflow: hidden; }
.vip-header-quick dl dt, .vip-header-quick dl dd { float: left; }
.vip-header-quick dl dt { width:22%; }
.vip-header-quick dl dt img { width: 100%; }
.vip-header-quick dl dd { width:78%; padding:0.5rem; color: #969696; }
.vip-header-quick dl dd b { color: #000; font-weight: 100; }
.vip-header-quick a { color:#333; }
.quick-nav-list ul { border-top: 1px solid #ebebeb; }
.quick-nav-list ul li { border-bottom: 1px solid #ebebeb; }
.quick-nav-list ul li a { display: block; color: #333; line-height:2rem; height:2.8rem; padding:0.4rem 0; }
.quick-nav-list ul li a i { width: 2rem; height: 2rem; display: inline-block; vertical-align: -0.6rem; margin-right: 0.5rem; }
 .quick-nav-list ul li:nth-child(1) a i {
background-position: 0 -2rem;
}
 .quick-nav-list ul li:nth-child(2) a i {
background-position: 0 0;
}
 .quick-nav-list ul li:nth-child(3) a i {
background-position: -2rem 0;
}
 .quick-nav-list ul li:nth-child(4) a i {
background-position: -4rem 0;
}
 .quick-nav-list ul li:nth-child(5) a i {
background-position: -6rem 0;
}
 .quick-nav-list ul li:nth-child(6) a i {
background-position: -8rem 0;
}
 .quick-nav-list ul li:nth-child(7) a i {
background-position: -2rem -2rem;
}
 .quick-nav-list ul li:nth-child(8) a i {
background-position: -4rem -2rem;
}
.out-home { padding:1rem 0.5rem 0.5rem 0.5rem; text-align: right; }
.out-home a { display: inline-block; color: #969696; line-height: 2rem; height: 2rem; }
.out-home a i { width: 2rem; height: 2rem; background-position:-6rem -2rem; vertical-align:-0.6rem; }
/**/
.popupWindow {  position:fixed; top: 0; z-index: 1000; background: rgba(0, 0, 0, .4); width: 100%; height: 100%; }
.windowContent { position: fixed; bottom: 0; width: 100%; background-color: #fff; padding-bottom: 0.5em; border-top:0.277em solid #32B45A; }
.windowContent .windowTitle { background-color:#E6E6E6; line-height: 3em; height: 3em; color: #333; padding:0 3%; }
.windowContent .windowTitle span { float: right; }
.windowContent .windowTitle span img { width: 3em; }
.windowContent .windowTitle a.chave { display: inline-block; margin-left: 0.5rem; color: #32B45A; }
.windowContent .showCont { padding: 1em 3% 0 3%; }
.iWantToAsk { }
.askArear { border-bottom: 1px solid #dcdcdc; width: 100%; color:#969696; font-size: 1em; height:6em; background-color: #fff; border-radius: 0; font-weight: 100; }
.askArear:focus { outline: none; color: #333; color: #333; }
.asktomail { padding: 0 3% 1rem 3%; }
.asktomail p { color: #969696; padding-bottom: 0.2rem; }
input[type="text"].mailbox-enter { font-size: 1rem; border-bottom: 1px solid #dcdcdc; line-height:2rem; height: 3rem; width: 100%; padding: .5rem;
}
.windowContent .star { padding:0.5em 3% 0 3%; }
.windowContent .star p { color: #969696; }
.windowContent .star .ct { padding: 0.5em 0 0 0; }
.windowContent .star .ct a { margin-right: 2%; display: inline-block; color: #969696; border: 1px solid #dcdcdc; line-height:3em; height: 3em; width: 18%; text-align: center; }
.windowContent .star .ct a:last-child { width: 20%; margin-right: 0; }
.windowContent .star .ct a.this { border-color:#FF5555; color: #ff5555; background: url(../images/icon_bg_3.png) right bottom no-repeat; background-size:1.321em 1.321em; }
.windowContent .star .ct2 a { width: 23%; margin-bottom: 0.5rem; }
.windowContent .star .ct2 a:last-child { width: 23%; margin-right: 2%; }
 .windowContent .star .ct2 a:nth-child(4n) {
width: 25%;
margin-right: 0;
}
.satisfaction select { border:1px solid #c8c8c8; font-size:1rem; width:30%; height:2rem; padding-left:0.5rem; margin:0.5rem 3% 0 0; }
.submit { padding: 0 3%; }
.submit input[type="button"].cancel, .submit input[type="button"].submitButton { width: 49%; }
input[type="button"].submitButton2, input[type="button"].submitButton, input[type="button"].cancel, a.submitButton, a.cancel { border-radius: 0; font-size: 1.25rem; background-color: #32B45A; width:100%; height:3rem; line-height:3rem; color: #fff; text-align: center; }
input[type="button"].cancel { margin-left: 2%; background-color: #e6e6e6; color: #969696; }
a.cancel { background-color: #e6e6e6; color: #969696; }
input[type="button"].submitButton2 { background-color: #FF8C00; }
.buyselect { height:21em; overflow: scroll; overflow-x:hidden; width: 100%; }
.buyselect ul li a { width: 100%; display: block; line-height: 3em; height: 3em; padding: 0 3%; color: #555; }
/**/
.micro-search { background-color:#dcdcdc; padding:0.5rem 2%; }
.micro-search .ms-box { background-color: #fff; border-radius:4rem; padding-left:1rem; }
input[type="text"].msearch-key { padding:0 1rem 0 0; line-height:1.4rem; height:1.4em; margin:0.8em 0 0.8em 0; width:85%; vertical-align: middle; font-size: 1rem; color: #969696; border-right: 1px solid #c8c8c8; }
input[type="text"].msearch-key:focus { color: #000; }
input[type="button"].searchGo,input[type="submit"].searchGo { cursor: pointer; font-size: 1em; width:2.5rem; height:3rem; background: url(../images/micro_store_bg_1.png); background-size: 10em 14em; background-position:0 -1.5rem; }
/**/
input[type="button"].submitButton2, .keyContent a, .priceFilter input[type="text"], input[type="button"].submitButton, input[type="button"].cancel, a.submitButton, a.copy { border-radius: 0.18rem; }
a.submitButton { display: inline-block; }
.bottom_button { padding:1rem 2%; }
.buy_button_box { padding: 0 3%; }
/* new windows */
.newWindow { display: none; position:fixed; top: 0; z-index: 9999; width: 100%; height: 100%; padding: 1em; background-color: rgba(0, 0, 0, .2); }
.outContent { position:relative; z-index: 9998; top: 0; left: 0; background-color: #fff; border-radius:0.4em; width:100%; height:100%; padding:2rem 1rem 1rem 1rem; box-shadow: 0 0 0.1em rgba(0, 0, 0, .1); }
.outContent .page { height: 100%; font-size: 1.25rem; line-height:2rem; color: #555; text-align: justify; overflow: scroll; overflow-x:hidden; }
.outContent .page p { padding:0.5rem 0; }
.outContent .page .content { font-size:1rem; line-height:1.5rem; }
.closeWindow { position: absolute; right: -0.5rem; top:-0.5rem; }
.closeWindow a { display: inline-block; width:2.5rem; height:2.5rem; padding:0 0 0 0; text-align: center; border-radius: 2rem; background-color: #e6e6e6; line-height: 1rem; }
.closeWindow a img { width:2.5rem; }
/**/
.messbox { padding-top:1em; }
.messbox ul li { background-color: #fff; padding: 0 2%; height:3.2em; border-bottom: 1px solid #e6e6e6; }
.messbox ul li span { display: inline-block; line-height: 3.2em; float: right; color: #c8c8c8; }
.messbox input[type="text"].userName { color:#333; }
.savev { padding: 0.5rem 2% 0 2%; }
.savev a.c, .visitors_list_window ul li a.c { vertical-align: -0.15rem; margin-right: 0.3rem; width: 1em; height:1em; background-position:-3.571em -5.571em; display: inline-block; background-image: url(../images/micro_store_bg_4.png); background-size: 10em 10em; }
.savev a.t, .visitors_list_window ul li a.t { background-position: -3.571em -4.571em; }
.visitors_list_window { width:100%; height:20rem; overflow:scroll; overflow-x:hidden; }
.visitors_list_window ul li { border-bottom: 1px solid #e6e6e6; padding: 0.5rem 2%; }
/**/       
.micro-page { padding: 1.5rem 2%; text-align: center; }
.micro-page a { color: #969696; width: 2rem; height: 2rem; line-height: 2rem; border-radius: 2rem; margin: 0 0.2rem; text-align: center; }
.micro-page a.this { color: #fff; }
.micro-page a.next { background-color: #969696; color: #fff; line-height:1.7rem; }
.micro-page a.next i { margin-left:0.5rem; width:0.5rem; height:0.5rem; border: 0.4rem solid transparent; border-left-color: #fff; }
.micro-page a.prev i { border-right-color:#fff; border-left: 0; margin-left: 0; margin-right: 0.30rem; }
.micro-page a.no { opacity: .5; }
.micro-page a.no i { opacity: .5 }
/**/
		input[type="text"].userName, input[type="password"].userPw { width: 80%; line-height:2em; padding: 0.6em 0; height:3.2em; color: #b4b4b4; font-size: 1em; }
input[type="text"].userName:focus, input[type="password"].userPw:focus { color: #000; }
select.zjN { width:100%; height:2rem; margin-top: 0.6rem; font-size: 1rem; color: #555; }
select.zjN:focus { border: 0; outline: none; color: #b4b4b4; }
img.userName { width:7.05rem; height:auto; vertical-align:middle }
/**/
.ishare { }
.ishare ul { width:100%; overflow:hidden; padding-bottom:1rem; }
.ishare ul li { width:25%; float:left; text-align:center; margin-top:1rem; }
.ishare ul li a { color:#333; }
.ishare ul li a img { width:1.785rem; height:1.785rem; margin-bottom:0.2rem; }
.ishare ul li a p { font-size:0.85rem; }
/**/
.tips { background:#FF3E3E; line-height: 3em; height: 3em; position: fixed; width: 100%; text-align: center; top: 0; z-index:1003; color: #fff; -webkit-animation:tipmove 2s ease-in-out; -moz-animation:tipmove 2s ease-in-out; -ms-animation:tipmove 2s ease-in-out; -o-animation:tipmove 2s ease-in-out; animation:tipmove 2s ease-in-out; }
@-webkit-keyframes tipmove {  0% {
-webkit-transform:translateY(-50%);
opacity:0;
}
 10% {
-webkit-transform:translateY(0);
opacity:1;
}
 90% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-moz-keyframes tipmove {  0% {
-moz-transform:translateY(-50%);
opacity:0;
}
 10% {
-moz-transform:translateY(0);
opacity:1;
}
 90% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-o-keyframes tipmove {  0% {
-o-transform:translateY(-50%);
opacity:0;
}
 10% {
-o-transform:translateY(0);
opacity:1;
}
 90% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-ms-keyframes tipmove {  0% {
-ms-transform:translateY(-50%);
opacity:0;
}
 10% {
-ms-transform:translateY(0);
opacity:1;
}
 90% {
opacity:1;
}
 100% {
opacity:0;
}
}
@keyframes tipmove {  0% {
transform:translateY(-50%);
opacity:0;
}
 10% {
transform:translateY(0);
opacity:1;
}
 90% {
opacity:1;
}
 100% {
opacity:0;
}
}
.kaidian{ background:#ff8500; width:100px; margin-right:20px; overflow:hidden; text-align:center; cursor:pointer;}
.kaidian a{ color:#fff; font-size:16px;}